<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left" id="billtitle"></span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">
        <article class="page-container">

    <div class="mx-box mt-10">
        <div class="mx-title">

            <h5 class="pl-15 c-danger current_step"><i class="Hui-iconfont c-danger f-14 mr-5">&#xe6e0;</i><span id="currentBill"></span></h5>
            <div class="mx-title-right">
                <a class="btn btn-default-outline radius" id="remarkBtn">备注订单</a>
            </div>
        </div>

        <div class="mx-content">
            <h5 class="pl-15">还款信息</h5>
            <table class="table table-border table-bordered table-bg mb-50">
                <thead>
                    <tr>
                        <th class="text-c">期数</th>
                        <th class="text-c">还款时间</th>
                        <th class="text-c">应还款金额</th>
                        <th class="text-c">状态</th>
                        <th class="text-c">实际还款金额</th>
                        <th class="text-c">逾期天数</th>
                    </tr>
                </thead>
                <tbody id="List">
                   <!--  <tr>
                        <td class="text-c">1</td>
                        <td class="text-c">2017-07-19 14:48:38</td>
                        <td class="text-c">¥200.00</td>
                        <td class="text-c">已还款</td>
                        <td class="text-c">¥200.00</td>
                        <td class="text-c">0</td>
                    </tr> -->
                </tbody>
            </table>

            <h5 class="pl-15">操作信息</h5>
            <table class="table table-border table-bordered table-bg" style="width:76%;">
                <thead>
                    <tr>
                        <th class="text-c">操作时间</th>
                        <th class="text-c">订单状态</th>
                        <th class="text-c">付款状态</th>
                        <th class="text-c">备注</th>

                    </tr>
                </thead>
                <tbody id="opList">
                    <!-- <tr>

                        <td class="text-c">2017-07-19 14:48:38</td>
                        <td class="text-c">已完成</td>
                        <td class="text-c">已支付</td>
                        <td class="text-c">4期还款失败（未及时付款）</td>

                    </tr> -->
                </tbody>
            </table>

        </div>
    </div>
</article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>
<!-- 弹窗 -->
<div id="modal_remark" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content radius">
            <div class="modal-header">
                <h3 class="modal-title">备注订单</h3>
                <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
            </div>
            <div class="modal-body overflow-hidden">
                <table class="table table-border-no">
                    <tbody>
                    <tr>
                        <td width="120" class="text-r"><span class="c-danger">*</span>操作备注：</td>
                        <td><textarea class="textarea radius" id="remarkVal"></textarea></td>
                    </tr>
                    </tbody>
                </table>

            </div>
            <div class="modal-footer">
                <button class="btn btn-primary radius" id="remarkYes">确定</button>
                <button class="btn radius" data-dismiss="modal" aria-hidden="true">取消</button>
            </div>
        </div>
    </div>
</div>
<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/finance-bill-detail.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>